<template>
     <div>
         <h2>我的年龄{{ store.state.age }}</h2>
         <h2>我姐姐的年龄{{ store.getters.getSix }}</h2>
          <button @click="addAge">+</button>
          <h2>异步数据{{ store.state.nums }}</h2>
          <button @click="aychange">异步触发</button>
     </div>
</template>

<script setup lang="ts">
// 在组件中获取到全局数据
  import {useStore} from 'vuex'
   let store = useStore()
  console.log(store,22225);

  //在vuex中修改数据，必须在mutations中定义方法来修改数据
    const addAge = ()=>{
        // (1) 调用 vuex 中mutations 中定义方法  =>commit 触发  mutations 定义的方法
        // 语法 commit（' mutations中定义的属性'，传递的参数）
        store.commit('changeAge')
    }


    const aychange = ()=>{
       // 我要触发 actions中定义的方法 =》dispatch
       store.dispatch('ayNums')
    }
</script>

<style>

</style>